<script setup lang="ts">
import { ref } from 'vue'

// 1. 性别
const gender = ref(0) // 0-男 1-女 
// 2. 成绩
const score = ref(95)
</script>


<template>
  <div id="app">
    <p v-if="gender===0">性别：♂ 男</p>
    <p v-else>性别：♀ 女</p>
    <hr>
    <p v-if="score>=90">成绩评定A:仙品轮回盘</p>
    <p v-else-if="score>=80">成绩评定B:天品千面罩</p>
    <p v-else-if="score>=60">成绩评定C:天品人皇丹</p>
    <p v-else>成绩评定D:苦海涯面壁一年</p>
  </div>
</template>